﻿body {
    overflow: scroll;
    font-family: Verdana;
}

body, div {
    margin: 0px;
    padding: 0px;
}

#tabs {
    width: 50%;
    margin: 0 auto 50px auto;
}

div.offer {
    display: inline-block;
    border: 1px solid #c7c7c7;
    border-radius: 15px;
    width: 45%;
    margin: 2%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 60% #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(top, #ffffff 60%,#d6d6d6 100%);
    background: -o-linear-gradient(top, #ffffff 60%,#d6d6d6 100%);
    background: -ms-linear-gradient(top, #ffffff 60%,#d6d6d6 100%);
    background: linear-gradient(to bottom, #ffffff 60%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 );
}

    div.offer:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 50%, #cefeff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#cefeff));
        background: -webkit-linear-gradient(top, #ffffff 50%,#cefeff 100%);
        background: -o-linear-gradient(top, #ffffff 50%,#cefeff 100%);
        background: -ms-linear-gradient(top, #ffffff 50%,#cefeff 100%);
        background: linear-gradient(to bottom, #ffffff 50%,#cefeff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cefeff',GradientType=0 );
        border-color: #33CCFF;
    }

div.thumnbnail {
    width: 100%;
}

.offer .thumbnail > img {
    width: 100%;
    border-radius: 15px;
}

.offer .offer-title, .offer .offer-waterbody, .offer .offer-date, .offer .transport-type, .offer .offer-price, .offer .offer-description {
    padding: 5px 15px;
    overflow: hidden;
}

.offer .offer-price {
    float: right;
    color: red;
    font-weight: bold;
}

.offer .offer-description {
    display: none;
    clear: both;
    font-size: 1em;
}

div.fb-like {
    position: fixed;
    top: 2%;
    left: 1%;
}


#excursion-tab, #holiday-tab, #cruise-tab {
    position: relative;
}

div.offer.enlarged-offer {
    font-size: 1.5em;
    position: absolute;
    top: 0;
    left: 1%;
    height: auto;
    opacity: 0.95;
    width: 98%;
    margin: 0 auto;
}


    div.offer.enlarged-offer .offer-description {
        display: block;
    }
